home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7684 / 7684.xpi / chrome / firefm.jar / skin / winxp / fmToolbar.css < prev    next >
Cascading Style Sheet File  |  2009-08-06  |  13KB  |  400 lines
  1. /**
  2.  * Copyright (c) 2008, Jose Enrique Bolanos, Jorge Villalobos
  3.  * All rights reserved.
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions are met:
  7.  *
  8.  *  * Redistributions of source code must retain the above copyright notice,
  9.  *    this list of conditions and the following disclaimer.
  10.  *  * Redistributions in binary form must reproduce the above copyright notice,
  11.  *    this list of conditions and the following disclaimer in the documentation
  12.  *    and/or other materials provided with the distribution.
  13.  *  * Neither the name of Jose Enrique Bolanos, Jorge Villalobos nor the names
  14.  *    of its contributors may be used to endorse or promote products derived
  15.  *    from this software without specific prior written permission.
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  18.  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  19.  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  20.  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
  21.  * OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  22.  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  23.  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  24.  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  25.  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
  26.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  27.  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  **/
  29.  
  30. toolbarbutton.fm-button,
  31. window:not([active="true"]) toolbarbutton.fm-button,
  32. toolbar[iconsize="small"] toolbarbutton.fm-button {
  33.   list-style-image: url("chrome://firefm-os/skin/toolbar.png");
  34.   padding-top: 1px;
  35.   padding-bottom: 1px;
  36. }
  37.  
  38. toolbarbutton[type="menu-button"].fm-button > toolbarbutton {
  39.   padding-top: 0em;
  40.   padding-bottom: 0em;
  41.   padding-right: 0em;
  42. }
  43.  
  44. /* Do some juggling with alignment so that our icons look right. */
  45. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button:not([type="menu-button"]),
  46. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton,
  47. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button:not([type="menu-button"]),
  48. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton {
  49.   padding-top: 12px;
  50. }
  51.  
  52. #firefm-statusbar-toolbar {
  53.   -moz-appearance: none;
  54.   -moz-box-align: center;
  55.   background-color: transparent;
  56.   border: none;
  57.   height: 16px;
  58.   min-height: 16px !important;
  59. }
  60.  
  61. #firefm-statusbar-toolbar > toolbarbutton.fm-button:hover,
  62. #firefm-statusbar-toolbar > toolbarbutton.fm-button:hover:active,
  63. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton:hover,
  64. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton:hover:active {
  65.   -moz-appearance: none;
  66.   border: none;
  67.   background: none;
  68. }
  69.  
  70.  
  71. #firefm-statusbar-toolbar > toolbarbutton.fm-button,
  72. #firefm-statusbar-toolbar > toolbarbutton.fm-button image {
  73.   padding-top: 0em;
  74.   padding-bottom: 0em;
  75. }
  76.  
  77. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] {
  78.   -moz-box-align: start;
  79. }
  80.  
  81. #firefm-track-info {
  82.   min-width: 20em;
  83. }
  84.  
  85. #firefm-status-track-info {
  86.   font-size: 0.8em;
  87. }
  88.  
  89. /* The wrapper is automatically created in the customize toolbar window. */
  90. #wrapper-firefm-track-info {
  91.   width: 20em;
  92. }
  93.  
  94. /* Home button. */
  95.  
  96. #firefm-home-button,
  97. #firefm-status-home-button {
  98.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  99. }
  100.  
  101. #firefm-home-button:hover,
  102. #firefm-status-home-button:hover {
  103.   -moz-image-region: rect(16px, 16px, 32px, 0px);
  104. }
  105.  
  106. #firefm-home-button:hover:active,
  107. #firefm-status-home-button:hover:active {
  108.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  109. }
  110.  
  111. /* Log in / log out button. */
  112.  
  113. #firefm-login-logout-button,
  114. #firefm-status-login-logout-button {
  115.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  116. }
  117.  
  118. #firefm-login-logout-button:not([disabled="true"]):hover,
  119. #firefm-status-login-logout-button:not([disabled="true"]):hover {
  120.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  121. }
  122.  
  123. #firefm-login-logout-button:not([disabled="true"]):hover:active,
  124. #firefm-status-login-logout-button:not([disabled="true"]):hover:active {
  125.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  126. }
  127.  
  128. #firefm-login-logout-button[disabled="true"],
  129. #firefm-status-login-logout-button[disabled="true"] {
  130.   -moz-image-region: rect(32px, 32px, 48px, 16px);
  131. }
  132.  
  133. #firefm-login-logout-button[loggedin="true"],
  134. #firefm-status-login-logout-button[loggedin="true"] {
  135.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  136. }
  137.  
  138. #firefm-login-logout-button[loggedin="true"]:not([disabled="true"]):hover,
  139. #firefm-status-login-logout-button[loggedin="true"]:not([disabled="true"]):hover {
  140.   -moz-image-region: rect(16px, 48px, 32px, 32px);
  141. }
  142.  
  143. #firefm-login-logout-button[loggedin="true"]:not([disabled="true"]):hover:active,
  144. #firefm-status-login-logout-button[loggedin="true"]:not([disabled="true"]):hover:active {
  145.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  146. }
  147.  
  148. /* Station button. */
  149.  
  150. #firefm-station-button,
  151. #firefm-status-station-button {
  152.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  153. }
  154.  
  155. #firefm-station-button:not([disabled="true"]):hover,
  156. #firefm-status-station-button:not([disabled="true"]):hover {
  157.   -moz-image-region: rect(16px, 64px, 32px, 48px);
  158. }
  159.  
  160. #firefm-station-button:not([disabled="true"]):hover:active,
  161. #firefm-status-station-button:not([disabled="true"]):hover:active {
  162.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  163. }
  164.  
  165. #firefm-station-button[disabled="true"],
  166. #firefm-status-station-button[disabled="true"] {
  167.   -moz-image-region: rect(32px, 64px, 48px, 48px);
  168. }
  169.  
  170. #firefm-station-button[firstRun="true"],
  171. #firefm-station-button[firstRun="true"]:hover,
  172. #firefm-station-button[firstRun="true"]:hover:active,
  173. #firefm-status-station-button[firstRun="true"],
  174. #firefm-status-station-button[firstRun="true"]:hover,
  175. #firefm-status-station-button[firstRun="true"]:hover:active {
  176.   list-style-image: url("chrome://firefm/skin/stationAnim.png");
  177.   -moz-image-region: auto;
  178. }
  179.  
  180. /* Play / stop button. */
  181.  
  182. #firefm-play-stop-button,
  183. #firefm-status-play-stop-button {
  184.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  185. }
  186.  
  187. #firefm-play-stop-button:not([disabled="true"]):hover,
  188. #firefm-status-play-stop-button:not([disabled="true"]):hover {
  189.   -moz-image-region: rect(16px, 80px, 32px, 64px);
  190. }
  191.  
  192. #firefm-play-stop-button:not([disabled="true"]):hover:active,
  193. #firefm-status-play-stop-button:not([disabled="true"]):hover:active {
  194.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  195. }
  196.  
  197. #firefm-play-stop-button[disabled="true"],
  198. #firefm-status-play-stop-button[disabled="true"] {
  199.   -moz-image-region: rect(32px, 80px, 48px, 64px);
  200. }
  201.  
  202. #firefm-play-stop-button[playing="true"],
  203. #firefm-status-play-stop-button[playing="true"] {
  204.   -moz-image-region: rect(0px, 96px, 16px, 80px);
  205. }
  206.  
  207. #firefm-play-stop-button[playing="true"]:not([disabled="true"]):hover,
  208. #firefm-status-play-stop-button[playing="true"]:not([disabled="true"]):hover {
  209.   -moz-image-region: rect(16px, 96px, 32px, 80px);
  210. }
  211.  
  212. #firefm-play-stop-button[playing="true"]:not([disabled="true"]):hover:active,
  213. #firefm-status-play-stop-button[playing="true"]:not([disabled="true"]):hover:active {
  214.   -moz-image-region: rect(0px, 96px, 16px, 80px);
  215. }
  216.  
  217. /* Skip button. */
  218.  
  219. #firefm-skip-button,
  220. #firefm-status-skip-button {
  221.   -moz-image-region: rect(0px, 112px, 16px, 96px);
  222. }
  223.  
  224. #firefm-skip-button:not([disabled="true"]):hover,
  225. #firefm-status-skip-button:not([disabled="true"]):hover {
  226.   -moz-image-region: rect(16px, 112px, 32px, 96px);
  227. }
  228.  
  229. #firefm-skip-button:not([disabled="true"]):hover:active,
  230. #firefm-status-skip-button:not([disabled="true"]):hover:active {
  231.   -moz-image-region: rect(0px, 112px, 16px, 96px);
  232. }
  233.  
  234. #firefm-skip-button[disabled="true"],
  235. #firefm-status-skip-button[disabled="true"] {
  236.   -moz-image-region: rect(32px, 112px, 48px, 96px);
  237. }
  238.  
  239. /* Volume button. */
  240.  
  241. #firefm-volume-button,
  242. #firefm-status-volume-button {
  243.   -moz-image-region: rect(0px, 160px, 16px, 144px);
  244. }
  245.  
  246. #firefm-volume-button:not([disabled="true"]):hover,
  247. #firefm-status-volume-button:not([disabled="true"]):hover {
  248.   -moz-image-region: rect(16px, 160px, 32px, 144px);
  249. }
  250.  
  251. #firefm-volume-button:not([disabled="true"]):hover:active,
  252. #firefm-status-volume-button:not([disabled="true"]):hover:active {
  253.   -moz-image-region: rect(0px, 160px, 16px, 144px);
  254. }
  255.  
  256. #firefm-volume-button[volume="low"],
  257. #firefm-status-volume-button[volume="low"] {
  258.   -moz-image-region: rect(0px, 144px, 16px, 128px);
  259. }
  260.  
  261. #firefm-volume-button[volume="low"]:not([disabled="true"]):hover,
  262. #firefm-status-volume-button[volume="low"]:not([disabled="true"]):hover {
  263.   -moz-image-region: rect(16px, 144px, 32px, 128px);
  264. }
  265.  
  266. #firefm-volume-button[volume="low"]:not([disabled="true"]):hover:active,
  267. #firefm-status-volume-button[volume="low"]:not([disabled="true"]):hover:active {
  268.   -moz-image-region: rect(0px, 144px, 16px, 128px);
  269. }
  270.  
  271. #firefm-volume-button[volume="zero"],
  272. #firefm-status-volume-button[volume="zero"] {
  273.   -moz-image-region: rect(0px, 128px, 16px, 112px);
  274. }
  275.  
  276. #firefm-volume-button[volume="zero"]:not([disabled="true"]):hover,
  277. #firefm-status-volume-button[volume="zero"]:not([disabled="true"]):hover {
  278.   -moz-image-region: rect(16px, 128px, 32px, 112px);
  279. }
  280.  
  281. #firefm-volume-button[volume="zero"]:not([disabled="true"]):hover:active,
  282. #firefm-status-volume-button[volume="zero"]:not([disabled="true"]):hover:active {
  283.   -moz-image-region: rect(0px, 128px, 16px, 112px);
  284. }
  285.  
  286. #firefm-volume-button[disabled="true"],
  287. #firefm-status-volume-button[disabled="true"] {
  288.   -moz-image-region: rect(32px, 128px, 48px, 112px);
  289. }
  290.  
  291. /* Love button. */
  292.  
  293. #firefm-love-button,
  294. #firefm-status-love-button {
  295.   -moz-image-region: rect(0px, 176px, 16px, 160px);
  296. }
  297.  
  298. #firefm-love-button:not([disabled="true"]):hover,
  299. #firefm-status-love-button:not([disabled="true"]):hover {
  300.   -moz-image-region: rect(16px, 176px, 32px, 160px);
  301. }
  302.  
  303. #firefm-love-button:not([disabled="true"]):hover:active,
  304. #firefm-status-love-button:not([disabled="true"]):hover:active {
  305.   -moz-image-region: rect(0px, 176px, 16px, 160px);
  306. }
  307.  
  308. #firefm-love-button[disabled="true"],
  309. #firefm-status-love-button[disabled="true"] {
  310.   -moz-image-region: rect(32px, 176px, 48px, 160px);
  311. }
  312.  
  313. /* Ban button. */
  314.  
  315. #firefm-ban-button,
  316. #firefm-status-ban-button {
  317.   -moz-image-region: rect(0px, 192px, 16px, 176px);
  318. }
  319.  
  320. #firefm-ban-button:not([disabled="true"]):hover,
  321. #firefm-status-ban-button:not([disabled="true"]):hover {
  322.   -moz-image-region: rect(16px, 192px, 32px, 176px);
  323. }
  324.  
  325. #firefm-ban-button:not([disabled="true"]):hover:active,
  326. #firefm-status-ban-button:not([disabled="true"]):hover:active {
  327.   -moz-image-region: rect(0px, 192px, 16px, 176px);
  328. }
  329.  
  330. #firefm-ban-button[disabled="true"],
  331. #firefm-status-ban-button[disabled="true"] {
  332.   -moz-image-region: rect(32px, 192px, 48px, 176px);
  333. }
  334.  
  335. /* Tag button. */
  336.  
  337. #firefm-tag-button,
  338. #firefm-status-tag-button {
  339.   -moz-image-region: rect(0px, 208px, 16px, 192px);
  340. }
  341.  
  342. #firefm-tag-button:not([disabled="true"]):hover,
  343. #firefm-status-tag-button:not([disabled="true"]):hover {
  344.   -moz-image-region: rect(16px, 208px, 32px, 192px);
  345. }
  346.  
  347. #firefm-tag-button:not([disabled="true"]):hover:active,
  348. #firefm-status-tag-button:not([disabled="true"]):hover:active {
  349.   -moz-image-region: rect(0px, 208px, 16px, 192px);
  350. }
  351.  
  352. #firefm-tag-button[disabled="true"],
  353. #firefm-status-tag-button[disabled="true"] {
  354.   -moz-image-region: rect(32px, 208px, 48px, 192px);
  355. }
  356.  
  357. /* Share button. */
  358.  
  359. #firefm-share-button,
  360. #firefm-status-share-button {
  361.   -moz-image-region: rect(0px, 224px, 16px, 208px);
  362. }
  363.  
  364. #firefm-share-button:not([disabled="true"]):hover,
  365. #firefm-status-share-button:not([disabled="true"]):hover {
  366.   -moz-image-region: rect(16px, 224px, 32px, 208px);
  367. }
  368.  
  369. #firefm-share-button:not([disabled="true"]):hover:active,
  370. #firefm-status-share-button:not([disabled="true"]):hover:active {
  371.   -moz-image-region: rect(0px, 224px, 16px, 208px);
  372. }
  373.  
  374. #firefm-share-button[disabled="true"],
  375. #firefm-status-share-button[disabled="true"] {
  376.   -moz-image-region: rect(32px, 224px, 48px, 208px);
  377. }
  378.  
  379. /* Video button. */
  380.  
  381. #firefm-video-button,
  382. #firefm-status-video-button {
  383.   -moz-image-region: rect(0px, 240px, 16px, 224px);
  384. }
  385.  
  386. #firefm-video-button:not([disabled="true"]):hover,
  387. #firefm-status-video-button:not([disabled="true"]):hover {
  388.   -moz-image-region: rect(16px, 240px, 32px, 224px);
  389. }
  390.  
  391. #firefm-video-button:not([disabled="true"]):hover:active,
  392. #firefm-status-video-button:not([disabled="true"]):hover:active {
  393.   -moz-image-region: rect(0px, 240px, 16px, 224px);
  394. }
  395.  
  396. #firefm-video-button[disabled="true"],
  397. #firefm-status-video-button[disabled="true"] {
  398.   -moz-image-region: rect(32px, 240px, 48px, 224px);
  399. }
  400.